@import "../../styles/fn";

#site{
  &.with-menu{
    #sidebar {
      -ms-transform: translateX(200px);
      -webkit-transform: translateX(200px);
      transform: translateX(200px);
    }
  }

  #sidebar {
    position: fixed;
    top: 0;
    width: 200px;
    left: -200px;
    background-color: #303030;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    display: block;
    z-index: 51;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    color: #fff;

    .nav {
      padding: 0 13px;

      li {
        line-height: 62px;
        height: 62px;
        border-bottom: 1px solid #666;
        padding-right: 28px;

        &.menu {
          font-size: 12px;
        }

        .icon-close-sm {
          margin: 20px 0 0 0;
          cursor: pointer;
        }

        a {
          display: block;
          color: #f36478;
          font-size: 15px;
        }
      }
    }
  }
}

.text-right {
  text-align: right;
}

.icon-close-sm {
  background-position: -40px -60px;
}